<template>
    <div>
             <div class="header">
                <div class="logo"><img src="../../assets/images/authlogo.jpg" alt=""></div>
                <div class="back-btn"><a href="/#/">首页</a><a href="/#/auth/register">注册</a></div>
            </div>
            <div class="main">
                <div class="form-userInfo">
                    <slots></slots>
                </div>
                <div class="user-tools">
                    <slots></slots>
                </div>
            </div>
    </div>
</template>
<script>
export default {
    name:'cLogin',
    prors:{

    }
}
</script>

<style lang="stylus" scoped>
    .login{
        border 1px solid rgba(0,0,0,.1)
        border-radius 20px
        box-shadow 1px 2px 3px rgba(0,0,0,.1)
        background #fff
        width 500px
        height 560px
    }
    .header{
        height 150px
        width 100%
        background #bbdefb
        overflow hidden
        border-radius 20px 20px 0 0
    }
    .header .logo {
        width 120px
        height 120px
        margin 0 auto
    }
    .header .logo img{
        width 120px
        margin-top 35px
        border-radius 100%
    }
    .header .back-btn{
        display flex
        align-items center
        justify-content space-between
    }
    .header .back-btn a {
        display inline-block
        width 100px
        height 30px
        line-height 30px
        text-align center
        background #54aff9
        color #ffffff
        border-radius 5px
        cursor pointer
    }
    .main{
        width 80%
        margin 46px auto
    }
</style>
